<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>first</title>
<!--    rel="stylesheet属性有什么用"-->
    <link rel="stylesheet" href="/css/layui.css">
    <script src="/js/juery.min.js"></script>
    <link  rel="stylesheet" href="/mycss/demo.css">
</head>

<body>

<div class="container">
    <h1>学生表</h1>
<!--    搜索框-->
    <div class="layui-form-item">
        <div class="layui-input-group">
            <input type="text" placeholder="按姓名搜索" class="layui-input myinput">
            <div class="layui-input-split layui-input-suffix search" style="cursor: pointer;">
                <i class="layui-icon layui-icon-search"></i>
            </div>
        </div>
    </div>
<!--    表格-->
    <table class="layui-table mytable" lay-even>
        <thead>
            <tr>
                <th>姓名</th>
                <th>学号</th>
                <th>所选课程</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody id="studentTb">
            <tr th:each="student:${result}">
                <td th:text="${student.studentName}"></td>
                <td th:text="${student.id}"></td>
                <td th:text="${student.course}"></td>
                <td><button type="button" class="layui-btn layui-btn-primary layui-btn-radius layui-border-green mybuttom">删除</button></td>
            </tr>
        </tbody>
    </table>
</div>

<script src="/js/layui.js"></script>
<script src="/myjs/demo.js"></script>
</body>
</html>